<!DOCTYPE html>
<html lang="en">
<head>
    <!-- hi -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
    <link rel="icon" type="image/png" href="img/common/favicon.png">
    <meta property="og:title" content="Retro RPG Online">
    <meta property="og:type" content="website">
    <meta property="og:url" content="http://www.retrorpgonline.com">
    <meta property="og:image" content="img/common/promo-title.jpg">
    <meta property="og:site_name" content="Retro RPG Online">
    <meta property="og:description" content="Play the massively MMORPG today!">
    <meta name="keywords" content="RetroRPGOnline,Retro,RPG,RetroRPG,BrowserQuest,MaEaearth,Browser RPG,Android RPG">
    <meta http-equiv="Content-Security-Policy" content="default-src 'self' http://db.onlinewebfonts.com https://fonts.gstatic.com; connect-src 'self' http://192.168.1.10 http://162.251.164.166 http://192.168.1.10:1340 ws://192.168.1.10:1340 http://162.251.164.166:1340 ws://162.251.164.166:1340 http://162.251.164.166:8080 http://192.168.1.10:8080 ; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://code.jquery.com;">
    
    <link rel="stylesheet" href="css/menu.css" type="text/css">
    <link rel="stylesheet" href="css/characterdialog.css" type="text/css">
    <link rel="stylesheet" href="css/main.css" type="text/css">
    <link rel="stylesheet" href="css/game.css" type="text/css">
    <link rel="stylesheet" href="css/gamemenu.css" type="text/css">
    <link rel="stylesheet" href="css/quest.css" type="text/css">
    <link rel="stylesheet" href="css/skill.css" type="text/css">
    <link rel="stylesheet" href="css/inventory.css" type="text/css">
    <link rel="stylesheet" href="css/inventorystore.css" type="text/css">
    <link rel="stylesheet" href="css/storedialog.css" type="text/css">
    <link rel="stylesheet" href="css/appearancedialog.css" type="text/css">
    <link rel="stylesheet" href="css/enchantdialog.css" type="text/css">
    <link rel="stylesheet" href="css/bankdialog.css" type="text/css">
    <link rel="stylesheet" href="css/controls.css" type="text/css">
    <link rel="stylesheet" href="css/cards.css" type="text/css">
    <link rel="stylesheet" href="css/gui.css" type="text/css">
    <link rel="stylesheet" href="css/social.css" type="text/css">
    <link rel="stylesheet" href="css/settings.css" type="text/css">
    <link rel="stylesheet" href="css/leaderboard.css" type="text/css">
    <link rel="stylesheet" href="css/store.css" type="text/css">
	<link rel="stylesheet" href="css/newgui.css" type="text/css">

    <link href="img/common/apple-touch-icon-57x57.png" rel="apple-touch-icon-precomposed" sizes="57x57">
    <link href="img/common/apple-touch-icon-72x72.png" rel="apple-touch-icon-precomposed" sizes="72x72">
    <link href="img/common/apple-touch-icon-114x114.png" rel="apple-touch-icon-precomposed" sizes="114x114">
    <link href="img/common/apple-touch-icon-144x144.png" rel="apple-touch-icon-precomposed" sizes="144x144">

    <!--<script src="http://192.168.0.20:9000/target/target-script-min.js#anonymous" type="text/javascript"></script>-->
    <script src="js/jquery.js"></script>
    <script src="js/lib/modernizr.js" type="text/javascript"></script>
    <script src="js/detect.js" type="text/javascript"></script>
    <script src="javascripts/jscolor.js"></script>
    <script src="javascripts/fastclick.js"></script>
    <script src="cordova.js"></script>    
    <title>Retro Rpg Online</title>
</head>
<body class="intro">
<script>
	if ('addEventListener' in document) {
		document.addEventListener('DOMContentLoaded', function () {
				FastClick.attach(document.body);
		}, false);
	}

</script>
<noscript>
    <div class="alert">
	    <article class="error">
		<p class="errordetails">You need to enable Javascript to play.</p>
		<a class="errorback" href=""></a>
	    </article>
    </div>
</noscript>
<div id="intro">
	<div class="frame" id="loginwindow">
		<div class="frame-heading">
			<div class="frameheadingtext" id="skillHeading">ACCOUNT</div>
		</div>
		<div class="frame-content">
			<article id="loadcharacter">
			<div class="newFieldName" id="loginUsername">Username</div>
			<div class="newFieldName" id="loginPassword">Password</div>
			<div class="newFieldName" id="loginRemember">Remember Login</div>
			<form action="none" method="get" accept-charset="utf-8" autocomplete="off">
				<input type="text" id="loginnameinput" class="stroke" name="player-name" placeholder="Character Name" maxlength="32" autocomplete="off" autofocus />
				<input type="password" id="loginpwinput" class="stroke" name="player-loginpw" placeholder="Password" maxlength="64" autocomplete="off"/><br/>
				<input type="checkbox" id="loginsave" value="Save"/>
				<input type="hidden" id="loginhash" />
			</form>		
			<div class="frame-new-button play" id="linkloginplay">LOGIN</div>	
			<div class="frame-new-button" id="linkcreatenew">REGISTER</div>
			<div class="validation-summary frame-stroke1" id="loginInfo"></div>
			</article>
		</div>
	</div>
	<div class="frame" id="registerwindow">
		<div class="frame-heading">REGISTER</div>
		<div class="frame-content">
			<article id="createcharacter">
			<div class="newFieldName" id="createUsername">Username</div>
			<div class="newFieldName" id="createPassword">Password</div>
			<div class="newFieldName" id="createPassword2">Password Again</div>
			<div class="newFieldName" id="createClass">Class</div>
			<form action="none" method="get" accept-charset="utf-8">
				<input type="text" id="nameinput" class="stroke" name="player-name" placeholder="Character Name" maxlength="32"/>
				<input type="password" id="pwinput" class="stroke" name="player-pw" placeholder="Password" maxlength="64"/>
				<input type="password" id="pwinput2" class="stroke" name="player-pw2" placeholder="Confirm Password" maxlength="64"/>
				<div id="charclassinput">
				<select id="classSwitch2" class="needsclick">
				<option value="0">Fighter</option>
				<option value="1">Archer</option>
				</select>
				</div>
			</form>
			<div class="frame-new-button play" id="linkcreateplay">CREATE</div>
			<div class="frame-new-button" id="linkcreateback">CANCEL</div>                
			<div class="validation-summary frame-stroke1"></div>
			</article>		
		</div>
	</div>
    <div id="passwordwindow">
	    <article id="changePassword">
		<h1>
		    <span class="left-ornament"></span>
		    Change Password
		    <span class="right-ornament"></span>
		</h1>
		<form action="none" method="get" accept-charset="utf-8">
		    <input type="text" id="cpnameinput" class="stroke" name="player-name" placeholder="Character Name" maxlength="32">
		    <input type="password" id="cppwinputold" class="stroke" name="player-pwold" placeholder="Old Password" maxlength="200">
		    <input type="password" id="cppwinput" class="stroke" name="player-pw" placeholder="New Password" maxlength="200">
		    <input type="password" id="cppwinput2" class="stroke" name="player-pw2" placeholder="New Confirm Password" maxlength="200">
		</form>
		<div class="play">
		    <span class="link">Save</span>
		</div>
		<div class="validation-summary"></div>
	    </article>    
    </div>
	<div class="frame" id="errorwindow">
		<div class="frame-heading">
			<div class="frameheadingtext">ERROR</div>
		</div>
		<div class="frame-content error">
			<p class="errordetails frame-stroke1"></p>
			<a class="errorback frame-new-button" href="index.html">REFRESH</a>
	    </div>
    </div>
</div>

<div id="container" class="containerblank">
	<div id="canvas">
            <canvas id="background"></canvas>
			<canvas id="backgroundunscaled"></canvas>
            <canvas id="entities"></canvas>
            <canvas id="foreground"></canvas>
			<canvas id="foregroundunscaled"></canvas>
            <canvas id="toptextcanvas" class="clickable"></canvas>
        </div>
        <div id="gui">
			<div class="frame" id="diedwindow">
				<div class="frame-heading">
					<div class="frameheadingtext">DIED</div>
				</div>
				<div class="frame-content" id="death">
					<div class="frame-new-button" id="respawn">RESPAWN</div>
				</div>
			</div>
	<div id="debugbar">
		<!--<div id="cmdQuit">Quit</div>-->
		<div id="playerCoords"></div>
		<div id="fps">FPS: 0</div>
	</div>	
	<div id="menucontainer" class="frame-panel menufadeout">
	    <div id="moreinventorybutton"></div><div class="frame-stroke" id="moreinventorytext">EQUIPMENT</div>
	    <div id="characterbutton"></div><div class="frame-stroke" id="charactertext">PLAYER</div>
	    <div id="skillbutton"></div><div class="frame-stroke" id="skilltext">SKILLS</div>
	    <div id="helpbutton"></div><div class="frame-stroke" id="helptext">QUESTS</div>
	    <div id="socialbutton"></div><div class="frame-stroke" id="socialtext">SOCIAL</div>
	    <div id="warpbutton"></div><div class="frame-stroke" id="warptext">TOWN</div>
	    <div id="settingsbutton"></div><div class="frame-stroke" id="settingstext">SETTINGS</div>
	    <div id="leaderboardbutton"></div><div class="frame-stroke" id="leaderboardtext">RANKING</div>
	    <div id="storebutton"></div><div class="frame-stroke" id="storetext">STORE</div>
	</div>
		<div class="frame" id="settings">
			<div class="frame-heading">SETTINGS<div class="frame-close-button" id="settingsclose"></div></div>
			<div class="frame-content">
				<div class="frame-stroke1" id="settingchat">Chat</div><div id="buttonchat" class="frame-new-button-ok active">On</div><br/>
				<div class="frame-stroke1" id="settingsound">Sound</div><div id="buttonsound" class="frame-new-button-ok active">On</div><br/>
				<div class="frame-stroke1" id="settingjoystick">Joystick</div><div id="buttonjoystick" class="frame-new-button-ok">Off</div><br/>
				<div class="frame-stroke1" id="settingoptimized">Optimized</div><div id="buttonoptimized" class="frame-new-button-ok active">On</div><br/>
				<div id="divzoom">
				<div class="frame-stroke1" id="settingzoom">Zoom</div>
				<select id="gamezoom" size="3" class="needsclick cgamezoom">
					<option value="17">min</option>
					<option value="21">med</option>
					<option value="25">max</option>
				</select>
				<div class="frame-stroke1" id="settingmenucolor">Menu Color</div>
			</div>
		</div>
	</div>
	<div class="frame-panel" id="playerbar">
	    <div id="characterLook2">
		<div id="characterLookArmor2"></div>
		<div id="characterLookWeapon2"></div>
	    </div>
		<div class="frame-stroke" id="statbars">
			<div class="frame-border">
				<div id="health"> </div>
				<div class="frame-stroke1" id="healthtext"></div>
			</div>
			<div class="frame-border">
				<div id="fatigue"> </div>
				<div class="frame-stroke1" id="fatiguetext"></div>
			</div>
		</div>
		<div class="frame-stroke1" id="explevel"></div>
	</div>
	<div class="frame-new-button" id="charactermenu">MENU</div>
	<div id="expcontainer">
		<div id="exp"></div>
		<div class="frame-stroke1" id="expbar"></div>
	</div>	
		<div class="frame" id="allinventorywindow">
			<div class="frame-heading">EQUIPMENT<div class="frame-close-button" id="inventoryCloseButton"></div></div>
			<div class="frame-content">
				<div id="characterEquipment">
					<div id="characterItemArmorBox">
						<span class="newFieldName">ARMOR</span>				
						<div id="characterItemArmorBackground"><div id="characterItemArmor"></div></div>
					</div>
					<div id="characterItemWeaponBox">
						<span class="newFieldName">WEAPON</span>
						<div id="characterItemWeaponBackground"><div id="characterItemWeapon"></div></div>
					</div>
					<div id="characterItemGoldBox">
						<span class="newFieldName">GOLD</span>
						<div id="inventoryGoldBackground"><div id="inventoryGoldBody"></div><div class="inventoryGold">0</div></div>
					</div>
				</div>
				<span class="newFieldName" id="characterItemBackpack">BACKPACK</span>
				<div id="inventoryoffset">
					<div id="inventorybackground0"><div id="inventory0" draggable="true"></div><div id="inventory0Cooltime"></div></div>
					<div id="inventorybackground1"><div id="inventory1" draggable="true"></div><div id="inventory1Cooltime"></div></div>
					<div id="inventorybackground2"><div id="inventory2" draggable="true"></div><div id="inventory2Cooltime"></div></div>
					<div id="inventorybackground3"><div id="inventory3" draggable="true"></div><div id="inventory3Cooltime"></div></div>
					<div id="inventorybackground4"><div id="inventory4" draggable="true"></div><div id="inventory4Cooltime"></div></div>
					<div id="inventorybackground5"><div id="inventory5" draggable="true"></div><div id="inventory5Cooltime"></div></div>
					<div id="inventorybackground6"><div id="inventory6" draggable="true"></div></div>
					<div id="inventorybackground7"><div id="inventory7" draggable="true"></div></div>
					<div id="inventorybackground8"><div id="inventory8" draggable="true"></div></div>
					<div id="inventorybackground9"><div id="inventory9" draggable="true"></div></div>
					<div id="inventorybackground10"><div id="inventory10" draggable="true"></div></div>
					<div id="inventorybackground11"><div id="inventory11" draggable="true"></div></div>
					<div id="inventorybackground12"><div id="inventory12" draggable="true"></div></div>
					<div id="inventorybackground13"><div id="inventory13" draggable="true"></div></div>
					<div id="inventorybackground14"><div id="inventory14" draggable="true"></div></div>
					<div id="inventorybackground15"><div id="inventory15" draggable="true"></div></div>
					<div id="inventorybackground16"><div id="inventory16" draggable="true"></div></div>
					<div id="inventorybackground17"><div id="inventory17" draggable="true"></div></div>
					<div id="inventorybackground18"><div id="inventory18" draggable="true"></div></div>
					<div id="inventorybackground19"><div id="inventory19" draggable="true"></div></div>
					<div id="inventorybackground20"><div id="inventory20" draggable="true"></div></div>
					<div id="inventorybackground21"><div id="inventory21" draggable="true"></div></div>
					<div id="inventorybackground22"><div id="inventory22" draggable="true"></div></div>
					<div id="inventorybackground23"><div id="inventory23" draggable="true"></div></div>
				</div>
			</div>
        </div>
        <div id="bubbles"></div>        
        <div id="chatLog" class="chatscrollout"></div>
        <div class="frame-new-button" id="chatbutton">CHAT</div>
        <div class="frame-new-button" id="users">1 ONLINE</div>        
        <div id="questalarm"></div>
		<div class="frame" id="questlog">
			<div class="frame-heading">QUESTS<div class="frame-close-button" id="questCloseButton"></div></div>
			<div class="frame-content">
				<table id="questLogInfo">
					<tr>
						<th class="newFieldName">Name</th>
						<th class="newFieldName">Description</th>
						<th class="newFieldName">Progress</th>
					</tr>
				</table>
			</div>
        </div>
        <div id="chatbox">
            <form action="none" method="get" accept-charset="utf-8">
                <input id="chatinput" class="gp" type="text" maxlength="256">
            </form>
        </div>
        <div class="frame-panel" id="target">
            <div class="details">
                <div class="frame-stroke1 name"></div>
                <div class="frame-stroke1 frame-border health"></div>
                <div class="frame-stroke1 level"></div>
            </div>
        </div>
        <div id="auctionSellDialog">
            <div id="auctionSellTitle">Sell Value.</div>
            <div align="center">
                <input type="text" id="auctionSellCount" size="10" maxlength="10">
                <span id="auctionSellAccept">&nbsp;Accept&nbsp;</span>
                <span id="auctionSellCancel">&nbsp;Cancel&nbsp;</span>
            </div>
        </div>        
        <div id="dropDialog">
            <div id="dropTitle">Input transfer count.</div>
            <div align="center">
                <input type="text" id="dropCount" size="6" maxlength="6">
                <span id="dropAccept">&nbsp;Accept&nbsp;</span>
                <span id="dropCancel">&nbsp;Cancel&nbsp;</span>
            </div>
        </div>
        <div id="iteminfo"></div>
        <div id="playerPopupMenuContainer">
        	<div id="playerPopupMenuName"></div>
        	<div id="playerPopupMenuPartyInvite">Invite</div>
        	<div id="playerPopupMenuPartyLeader">Leader</div>
        	<div id="playerPopupMenuPartyKick">Kick</div>
        	<div id="playerPopupMenuAttack">Attack</div>
        	<div id="playerPopupMenuCardBattle">Card Battle</div>
        </div>
		<div class="frame" id="socialwindow">
			<div class="frame-heading">SOCIAL<div class="frame-close-button" id="socialclose"></div></div>
			<div class="frame-content">		
				<div id="party">
					<div class="frame-stroke1" id="partynames"></div>
					<div class="frame-new-button" id="partyleave">Leave Party</div>
				</div>
				<div id="guild">
					<div class="frame-stroke1" id="guildnames"></div>
					<div class="frame-new-button" id="guildleave">Leave Guild</div>
				</div>
				
			</div>
		</div>
        <div id="partyconfirm">
        	<div id="partyconfirmtitle"></div>
        	<div id="partyconfirmyes">Yes</div>
        	<div id="partyconfirmno">No</div>
        </div>
        <div id="guildconfirm">
        	<div id="guildconfirmtitle"></div>
        	<div id="guildconfirmyes">Yes</div>
        	<div id="guildconfirmno">No</div>
        </div>
		<div class="frame" id="leaderboard">
			<div class="frame-heading">RANKINGS<div class="frame-close-button" id="leaderboardclose"></div></div>
			<div class="frame-content">
				<label class="newFieldName">CATEGORY</label>
				<select id="lbselect">
					<option value="xp">Player Level</option>
					<option value="pk">Pvp Kills</option>
					<option value="pd">Pvp Deaths</option>
					<option value="pkd">Pvp Kills/Deaths</option>
					<option value="tk">Non-Pvp Kills</option>
					<option value="td">Non-Pvp Deaths</option>
					<option value="tkd">Non-Pvp Kill/Deaths</option>
				</select>
				<label class="newFieldName">PAGE</label>
				<select id="lbindex"></select>		
				<div class="frame-stroke1" id="lbdata">&nbsp;</div>
			</div>
        </div>
        <div id="combatContainer">
        	<div id="currentSkill"></div>
        </div>
		<div class="frame-new-button" id="shortcutbutton">SHORTCUTS</div>
        <div class="frame-panel" id="attackContainer">
			<div class="frame-close-button"></div>
            <div id="attackOffset">
			<div class="frame-stroke1" id="labelPotions">Items</div>
            <div id="scinventorybackground0">
                <div id="scinventory0"></div>
                <div id="scinventorynumber0"></div>
                <div id="scinventory0Cooltime"></div>
            </div>
            <div id="scinventorybackground1">
                <div id="scinventory1"></div>
                <div id="scinventorynumber1"></div>
                <div id="scinventory1Cooltime"></div>
            </div>
            <div id="scinventorybackground2">
                <div id="scinventory2"></div>
                <div id="scinventorynumber2"></div>
                <div id="scinventory2Cooltime"></div>
            </div>
            <div id="scinventorybackground3">
                <div id="scinventory3"></div>
                <div id="scinventorynumber3"></div>
                <div id="scinventory3Cooltime"></div>
            </div>
            <div class="frame-stroke1" id="labelSkills">Skills</div>
            <div id="skill0">
                <div id="skill0Body"></div>
                <div id="skill0Cooltime"></div>
            </div>
            <div id="skill1">
                <div id="skill1Body"></div>
                <div id="skill1Cooltime"></div>
            </div>
            <div id="skill2">
                <div id="skill2Body"></div>
                <div id="skill2Cooltime"></div>
            </div>
            <div id="skill3">
                <div id="skill3Body"></div>
                <div id="skill3Cooltime"></div>
            </div>
            <div id="skill4">
                <div id="skill4Body"></div>
                <div id="skill4Cooltime"></div>
            </div>
            <div id="skill5">
                <div id="skill5Body"></div>
                <div id="skill5Cooltime"></div>
            </div>
			</div>
        </div>
		<div class="frame" id="characterDialog">
			<div class="frame-heading">
				<div class="frameheadingtext" id="characterDialogHeading">SKILLS</div>
				<div class="frame-close-button" id="characterCloseButton"></div>
			</div>
			<div class="frame-content" id="characterDialogFrame">
                <div id="characterDialogFrameSkillPage">
                	<div id="skillDetail"></div>
                    <div id="characterSkill0">
                        <div id="characterSkill0Body"></div>
                    </div>
                    <div id="characterSkill1">
                        <div id="characterSkill1Body"></div>
                    </div>
                    <div id="characterSkill2">
                        <div id="characterSkill2Body"></div>
                    </div>
                    <div id="characterSkill3">
                        <div id="characterSkill3Body"></div>
                    </div>
                    <div id="characterSkill4">
                        <div id="characterSkill4Body"></div>
                    </div>
                    <div id="characterSkill5">
                        <div id="characterSkill5Body"></div>
                    </div>
                    <div id="characterSkill6">
                        <div id="characterSkill6Body"></div>
                    </div>
                    <div id="characterSkill7">
                        <div id="characterSkill7Body"></div>
                    </div>
                    <div id="characterSkill8">
                        <div id="characterSkill8Body"></div>
                    </div>
                    <div id="characterSkill9">
                        <div id="characterSkill9Body"></div>
                    </div>
                    <div id="characterSkill10">
                        <div id="characterSkill10Body"></div>
                    </div>
                    <div id="characterSkill11">
                        <div id="characterSkill11Body"></div>
                    </div>
                    <div id="characterSkill12">
                        <div id="characterSkill12Body"></div>
                    </div>
                    <div id="characterSkill13">
                        <div id="characterSkill13Body"></div>
                    </div>
                    <div id="characterSkill14">
                        <div id="characterSkill14Body"></div>
                    </div>
                    <div id="characterSkill15">
                        <div id="characterSkill15Body"></div>
                    </div>
                </div>
                <div id="characterDialogFrameStatPage">
					<div id="characterInfo">
						<span class="newFieldName">INFO</span>
						<div id="characterName"></div>
						<div id="characterLevel"></div>
						<div id="characterAttackLevel"></div>
						<div id="characterDefenseLevel"></div>
						<div id="characterMoveLevel"></div>                
					</div>
					<div id="characterStats">
						<span class="newFieldName">ATTRIBUTES</span>
						<div><div id="characterPoints"></div></div>
						<div><div id="characterStrength"></div><input id="charAddStrength" type="button" value="+"/></div>
						<div><div id="characterAgility"></div><input id="charAddAgility" type="button" value="+"/></div>
						<div><div id="characterHealth"></div><input id="charAddHealth" type="button" value="+"/></div>
						<div><div id="characterEnergy"></div><input id="charAddEnergy" type="button" value="+"/></div>
						<div><div id="characterLuck"></div><input id="charAddLuck" type="button" value="+"/></div>
					</div>
                </div>
            </div>
        </div>
        <div id="bankDialog">
            <div id="bankDialogBank">
                <div id="bankDialogBank00Background"><div id="bankDialogBank00Body"></div><div id="bankDialogBank00Number"></div></div>
                <div id="bankDialogBank01Background"><div id="bankDialogBank01Body"></div><div id="bankDialogBank01Number"></div></div>
                <div id="bankDialogBank02Background"><div id="bankDialogBank02Body"></div><div id="bankDialogBank02Number"></div></div>
                <div id="bankDialogBank03Background"><div id="bankDialogBank03Body"></div><div id="bankDialogBank03Number"></div></div>
                <div id="bankDialogBank04Background"><div id="bankDialogBank04Body"></div><div id="bankDialogBank04Number"></div></div>
                <div id="bankDialogBank05Background"><div id="bankDialogBank05Body"></div><div id="bankDialogBank05Number"></div></div>
                <div id="bankDialogBank06Background"><div id="bankDialogBank06Body"></div><div id="bankDialogBank06Number"></div></div>
                <div id="bankDialogBank07Background"><div id="bankDialogBank07Body"></div><div id="bankDialogBank07Number"></div></div>
                <div id="bankDialogBank08Background"><div id="bankDialogBank08Body"></div><div id="bankDialogBank08Number"></div></div>
                <div id="bankDialogBank09Background"><div id="bankDialogBank09Body"></div><div id="bankDialogBank09Number"></div></div>
                <div id="bankDialogBank10Background"><div id="bankDialogBank10Body"></div><div id="bankDialogBank10Number"></div></div>
                <div id="bankDialogBank11Background"><div id="bankDialogBank11Body"></div><div id="bankDialogBank11Number"></div></div>
                <div id="bankDialogBank12Background"><div id="bankDialogBank12Body"></div><div id="bankDialogBank12Number"></div></div>
                <div id="bankDialogBank13Background"><div id="bankDialogBank13Body"></div><div id="bankDialogBank13Number"></div></div>
                <div id="bankDialogBank14Background"><div id="bankDialogBank14Body"></div><div id="bankDialogBank14Number"></div></div>
                <div id="bankDialogBank15Background"><div id="bankDialogBank15Body"></div><div id="bankDialogBank15Number"></div></div>
                <div id="bankDialogBank16Background"><div id="bankDialogBank16Body"></div><div id="bankDialogBank16Number"></div></div>
                <div id="bankDialogBank17Background"><div id="bankDialogBank17Body"></div><div id="bankDialogBank17Number"></div></div>
                <div id="bankDialogBankGoldBackground"><div id="bankDialogBankGoldBody"></div><div class="bankGold"></div></div>
            </div>            
            <div id="bankDialogCloseButton"></div>
        </div>        
        <div id="enchantDialog">
            <div id="enchantDialogInventory">
                <div id="enchantDialogInventory00Background"><div id="enchantDialogInventory00Body"></div><div id="enchantDialogInventory00Number"></div></div>
                <div id="enchantDialogInventory01Background"><div id="enchantDialogInventory01Body"></div><div id="enchantDialogInventory01Number"></div></div>
                <div id="enchantDialogInventory02Background"><div id="enchantDialogInventory02Body"></div><div id="enchantDialogInventory02Number"></div></div>
                <div id="enchantDialogInventory03Background"><div id="enchantDialogInventory03Body"></div><div id="enchantDialogInventory03Number"></div></div>
                <div id="enchantDialogInventory04Background"><div id="enchantDialogInventory04Body"></div><div id="enchantDialogInventory04Number"></div></div>
                <div id="enchantDialogInventory05Background"><div id="enchantDialogInventory05Body"></div><div id="enchantDialogInventory05Number"></div></div>
                <div id="enchantDialogInventory06Background"><div id="enchantDialogInventory06Body"></div><div id="enchantDialogInventory06Number"></div></div>
                <div id="enchantDialogInventory07Background"><div id="enchantDialogInventory07Body"></div><div id="enchantDialogInventory07Number"></div></div>
                <div id="enchantDialogInventory08Background"><div id="enchantDialogInventory08Body"></div><div id="enchantDialogInventory08Number"></div></div>
                <div id="enchantDialogInventory09Background"><div id="enchantDialogInventory09Body"></div><div id="enchantDialogInventory09Number"></div></div>
                <div id="enchantDialogInventory10Background"><div id="enchantDialogInventory10Body"></div><div id="enchantDialogInventory10Number"></div></div>
                <div id="enchantDialogInventory11Background"><div id="enchantDialogInventory11Body"></div><div id="enchantDialogInventory11Number"></div></div>
                <div id="enchantDialogInventory12Background"><div id="enchantDialogInventory12Body"></div><div id="enchantDialogInventory12Number"></div></div>
                <div id="enchantDialogInventory13Background"><div id="enchantDialogInventory13Body"></div><div id="enchantDialogInventory13Number"></div></div>
                <div id="enchantDialogInventory14Background"><div id="enchantDialogInventory14Body"></div><div id="enchantDialogInventory14Number"></div></div>
                <div id="enchantDialogInventory15Background"><div id="enchantDialogInventory15Body"></div><div id="enchantDialogInventory15Number"></div></div>
                <div id="enchantDialogInventory16Background"><div id="enchantDialogInventory16Body"></div><div id="enchantDialogInventory16Number"></div></div>
                <div id="enchantDialogInventory17Background"><div id="enchantDialogInventory17Body"></div><div id="enchantDialogInventory17Number"></div></div>
		<div id="enchantDialogLabelEquipment">Equipped Items:</div>
                <div id="enchantDialogWeaponBackground"><div id="enchantDialogWeapon"></div><div id="enchantDialogWeaponNumber"></div></div>
		<div id="enchantDialogArmorBackground"><div id="enchantDialogArmor"></div><div id="enchantDialogArmorNumber"></div></div>
		<div id="enchantDialogBootsBackground"><div id="enchantDialogBoots"></div><div id="enchantDialogBootsNumber"></div></div>
		<div id="enchantDialogGlovesBackground"><div id="enchantDialogGloves"></div><div id="enchantDialogGlovesNumber"></div></div>

                <div id="enchantDialogGoldBackground"><div id="enchantDialogGoldBody"></div><div class="inventoryGold">0</div></div>
                <div id="enchantDialogBasketBackground"><div id="enchantDialogBasket"></div></div>
                <div id="enchantDialogEnchantButton"></div>
                <div id="enchantDialogCostLabel"></div>
            </div>
		<div id="enchantDialogCloseButton"></div>
        </div>
		<div id="enchantDialogModal">
		    <div id="enchantDialogModalNotify">
			<div id="enchantDialogModalNotifyMessage"></div>
			<div id="enchantDialogModalNotifyButton1">Done</div>
		    </div>
		    <div id="enchantDialogModalConfirm">
			<div id="enchantDialogModalConfirmMessage"></div>
			<div id="enchantDialogModalConfirmButton1">Yes</div>
			<div id="enchantDialogModalConfirmButton2">No</div>
		    </div>
		</div>
		
	<div id="dialogInventory">
		<div id="dialogInventory00Background"><div id="dialogInventory00Body"></div><div id="dialogInventory00Number"></div></div>
		<div id="dialogInventory01Background"><div id="dialogInventory01Body"></div><div id="dialogInventory01Number"></div></div>
		<div id="dialogInventory02Background"><div id="dialogInventory02Body"></div><div id="dialogInventory02Number"></div></div>
		<div id="dialogInventory03Background"><div id="dialogInventory03Body"></div><div id="dialogInventory03Number"></div></div>
		<div id="dialogInventory04Background"><div id="dialogInventory04Body"></div><div id="dialogInventory04Number"></div></div>
		<div id="dialogInventory05Background"><div id="dialogInventory05Body"></div><div id="dialogInventory05Number"></div></div>
		<div id="dialogInventory06Background"><div id="dialogInventory06Body"></div><div id="dialogInventory06Number"></div></div>
		<div id="dialogInventory07Background"><div id="dialogInventory07Body"></div><div id="dialogInventory07Number"></div></div>
		<div id="dialogInventory08Background"><div id="dialogInventory08Body"></div><div id="dialogInventory08Number"></div></div>
		<div id="dialogInventory09Background"><div id="dialogInventory09Body"></div><div id="dialogInventory09Number"></div></div>
		<div id="dialogInventory10Background"><div id="dialogInventory10Body"></div><div id="dialogInventory10Number"></div></div>
		<div id="dialogInventory11Background"><div id="dialogInventory11Body"></div><div id="dialogInventory11Number"></div></div>
		<div id="dialogInventory12Background"><div id="dialogInventory12Body"></div><div id="dialogInventory12Number"></div></div>
		<div id="dialogInventory13Background"><div id="dialogInventory13Body"></div><div id="dialogInventory13Number"></div></div>
		<div id="dialogInventory14Background"><div id="dialogInventory14Body"></div><div id="dialogInventory14Number"></div></div>
		<div id="dialogInventory15Background"><div id="dialogInventory15Body"></div><div id="dialogInventory15Number"></div></div>
		<div id="dialogInventory16Background"><div id="dialogInventory16Body"></div><div id="dialogInventory16Number"></div></div>
		<div id="dialogInventory17Background"><div id="dialogInventory17Body"></div><div id="dialogInventory17Number"></div></div>
		<div id="dialogInventory18Background"><div id="dialogInventory18Body"></div><div id="dialogInventory18Number"></div></div>
		<div id="dialogInventory19Background"><div id="dialogInventory19Body"></div><div id="dialogInventory19Number"></div></div>
		<div id="dialogInventory20Background"><div id="dialogInventory20Body"></div><div id="dialogInventory20Number"></div></div>
		<div id="dialogInventory21Background"><div id="dialogInventory21Body"></div><div id="dialogInventory21Number"></div></div>
		<div id="dialogInventory22Background"><div id="dialogInventory22Body"></div><div id="dialogInventory22Number"></div></div>
		<div id="dialogInventory23Background"><div id="dialogInventory23Body"></div><div id="dialogInventory23Number"></div></div>
		<div id="dialogGoldBackground"><div id="dialogGoldBody"></div><div class="inventoryGold">0</div></div>
		<div id="storeDialogBasketBackground"><div id="storeDialogBasket"></div></div>
		<div id="storeDialogSellButton"></div>
		<div id="auctionDialogSellButton"></div>
	</div>		
        <div id="storeDialog">
        	<div id="appearanceDialog">
			<div id="looksDialogPlayer">	
				<button id="armorColor" type="button" class="jscolor" value="Armor Color">Armor Color</button>
				<button id="weaponColor" type="button" class="jscolor" value="Weapon Color">Weapon Color</button>
				<div id="characterLook">
					<!--<div id="characterLookShadow"></div>-->
					<div id="characterLookArmor"></div>
					<div id="characterLookWeapon"></div>
				</div>
				<div id="changeLookArmorPrev">Armor Prev</div><div id="changeLookArmorNext">Armor Next</div>
				<div id="changeLookWeaponPrev">Weapon Prev</div><div id="changeLookWeaponNext">Weapon Next</div>      	
		    	<div id="characterLook3">
		    		<div id="characterLookArmor3"></div>
		    		<div id="characterLookWeapon3"></div>
		    	</div>
		    	<div id="appearanceDialogGoldBackground"><div id="appearanceDialogGoldBody"></div><div class="inventoryGold">0</div></div>
		    </div>
            </div>
            <div id="storeDialogStore">
                <div id="storeDialogStorePotionPage">
                    <div id="storeDialogStorePotionPageBody">
                        <div id="storeDialogStorePotion0">
                            <div id="storeDialogStorePotion0BasketBackground">
                                <div id="storeDialogStorePotion0Basket"></div>
                            </div>
                            <div id="storeDialogStorePotion0Extra"></div>
                            <div id="storeDialogStorePotion0Price"></div>
                            <div id="storeDialogStorePotion0BuyButton"></div>
                        </div>
                        <div id="storeDialogStorePotion1">
                            <div id="storeDialogStorePotion1BasketBackground">
                                <div id="storeDialogStorePotion1Basket"></div>
                            </div>
                            <div id="storeDialogStorePotion1Extra"></div>
                            <div id="storeDialogStorePotion1Price"></div>
                            <div id="storeDialogStorePotion1BuyButton"></div>
                        </div>
                        <div id="storeDialogStorePotion2">
                            <div id="storeDialogStorePotion2BasketBackground">
                                <div id="storeDialogStorePotion2Basket"></div>
                            </div>
                            <div id="storeDialogStorePotion2Extra"></div>
                            <div id="storeDialogStorePotion2Price"></div>
                            <div id="storeDialogStorePotion2BuyButton"></div>
                        </div>
                        <div id="storeDialogStorePotion3">
                            <div id="storeDialogStorePotion3BasketBackground">
                                <div id="storeDialogStorePotion3Basket"></div>
                            </div>
                            <div id="storeDialogStorePotion3Extra"></div>
                            <div id="storeDialogStorePotion3Price"></div>
                            <div id="storeDialogStorePotion3BuyButton"></div>
                        </div>
                        <div id="storeDialogStorePotion4">
                            <div id="storeDialogStorePotion4BasketBackground">
                                <div id="storeDialogStorePotion4Basket"></div>
                            </div>
                            <div id="storeDialogStorePotion4Extra"></div>
                            <div id="storeDialogStorePotion4Price"></div>
                            <div id="storeDialogStorePotion4BuyButton"></div>
                        </div>
                        <div id="storeDialogStorePotion5">
                            <div id="storeDialogStorePotion5BasketBackground">
                                <div id="storeDialogStorePotion5Basket"></div>
                            </div>
                            <div id="storeDialogStorePotion5Extra"></div>
                            <div id="storeDialogStorePotion5Price"></div>
                            <div id="storeDialogStorePotion5BuyButton"></div>
                        </div>
                    </div>
                </div>
                <div id="storeDialogStoreArmorPage">
                    <div id="storeDialogStoreArmorPageBody">
                        <div id="storeDialogStoreArmor0">
                            <div id="storeDialogStoreArmor0BasketBackground">
                                <div id="storeDialogStoreArmor0Basket"></div>
                            </div>
                            <div id="storeDialogStoreArmor0Extra"></div>
                            <div id="storeDialogStoreArmor0Price"></div>
                            <div id="storeDialogStoreArmor0BuyButton"></div>
                        </div>
                        <div id="storeDialogStoreArmor1">
                            <div id="storeDialogStoreArmor1BasketBackground">
                                <div id="storeDialogStoreArmor1Basket"></div>
                            </div>
                            <div id="storeDialogStoreArmor1Extra"></div>
                            <div id="storeDialogStoreArmor1Price"></div>
                            <div id="storeDialogStoreArmor1BuyButton"></div>
                        </div>
                        <div id="storeDialogStoreArmor2">
                            <div id="storeDialogStoreArmor2BasketBackground">
                                <div id="storeDialogStoreArmor2Basket"></div>
                            </div>
                            <div id="storeDialogStoreArmor2Extra"></div>
                            <div id="storeDialogStoreArmor2Price"></div>
                            <div id="storeDialogStoreArmor2BuyButton"></div>
                        </div>
                        <div id="storeDialogStoreArmor3">
                            <div id="storeDialogStoreArmor3BasketBackground">
                                <div id="storeDialogStoreArmor3Basket"></div>
                            </div>
                            <div id="storeDialogStoreArmor3Extra"></div>
                            <div id="storeDialogStoreArmor3Price"></div>
                            <div id="storeDialogStoreArmor3BuyButton"></div>
                        </div>
                        <div id="storeDialogStoreArmor4">
                            <div id="storeDialogStoreArmor4BasketBackground">
                                <div id="storeDialogStoreArmor4Basket"></div>
                            </div>
                            <div id="storeDialogStoreArmor4Extra"></div>
                            <div id="storeDialogStoreArmor4Price"></div>
                            <div id="storeDialogStoreArmor4BuyButton"></div>
                        </div>
                        <div id="storeDialogStoreArmor5">
                            <div id="storeDialogStoreArmor5BasketBackground">
                                <div id="storeDialogStoreArmor5Basket"></div>
                            </div>
                            <div id="storeDialogStoreArmor5Extra"></div>
                            <div id="storeDialogStoreArmor5Price"></div>
                            <div id="storeDialogStoreArmor5BuyButton"></div>
                        </div>
                    </div>
                </div>
                <div id="storeDialogStoreWeaponPage">
                    <div id="storeDialogStoreWeaponPageBody">
                        <div id="storeDialogStoreWeapon0">
                            <div id="storeDialogStoreWeapon0BasketBackground">
                                <div id="storeDialogStoreWeapon0Basket"></div>
                            </div>
                            <div id="storeDialogStoreWeapon0Extra"></div>
                            <div id="storeDialogStoreWeapon0Price"></div>
                            <div id="storeDialogStoreWeapon0BuyButton"></div>
                        </div>
                        <div id="storeDialogStoreWeapon1">
                            <div id="storeDialogStoreWeapon1BasketBackground">
                                <div id="storeDialogStoreWeapon1Basket"></div>
                            </div>
                            <div id="storeDialogStoreWeapon1Extra"></div>
                            <div id="storeDialogStoreWeapon1Price"></div>
                            <div id="storeDialogStoreWeapon1BuyButton"></div>
                        </div>
                        <div id="storeDialogStoreWeapon2">
                            <div id="storeDialogStoreWeapon2BasketBackground">
                                <div id="storeDialogStoreWeapon2Basket"></div>
                            </div>
                            <div id="storeDialogStoreWeapon2Extra"></div>
                            <div id="storeDialogStoreWeapon2Price"></div>
                            <div id="storeDialogStoreWeapon2BuyButton"></div>
                        </div>
                        <div id="storeDialogStoreWeapon3">
                            <div id="storeDialogStoreWeapon3BasketBackground">
                                <div id="storeDialogStoreWeapon3Basket"></div>
                            </div>
                            <div id="storeDialogStoreWeapon3Extra"></div>
                            <div id="storeDialogStoreWeapon3Price"></div>
                            <div id="storeDialogStoreWeapon3BuyButton"></div>
                        </div>
                        <div id="storeDialogStoreWeapon4">
                            <div id="storeDialogStoreWeapon4BasketBackground">
                                <div id="storeDialogStoreWeapon4Basket"></div>
                            </div>
                            <div id="storeDialogStoreWeapon4Extra"></div>
                            <div id="storeDialogStoreWeapon4Price"></div>
                            <div id="storeDialogStoreWeapon4BuyButton"></div>
                        </div>
                        <div id="storeDialogStoreWeapon5">
                            <div id="storeDialogStoreWeapon5BasketBackground">
                                <div id="storeDialogStoreWeapon5Basket"></div>
                            </div>
                            <div id="storeDialogStoreWeapon5Extra"></div>
                            <div id="storeDialogStoreWeapon5Price"></div>
                            <div id="storeDialogStoreWeapon5BuyButton"></div>
                        </div>
                    </div>
                </div>
                <div id="storeDialogStoreButtons">
                    <div id="storeDialogStorePotionButton"><div>Potions</div></div>
                    <div id="storeDialogStoreArmorButton"><div>Armor</div></div>
                    <div id="storeDialogStoreWeaponButton"><div>Weapons</div></div>
                </div>
                <div id="storeDialogPageNavigator">
                    <div id="storeDialogPageNavigatorMovePreviousButton"></div>
                    <div id="storeDialogPageNavigatorNumber0"></div>
                    <div id="storeDialogPageNavigatorNumber1"></div>
                    <div id="storeDialogPageNavigatorNumber2"></div>
                    <div id="storeDialogPageNavigatorNumber3"></div>
                    <div id="storeDialogPageNavigatorNumber4"></div>
                    <div id="storeDialogPageNavigatorMoveNextButton"></div>
                </div>
            </div>
            <div id="storeDialogCloseButton"></div>
        </div><!-- div id="storeDialog" -->
        <div id="storeDialogModal">
            <div id="storeDialogModalNotify">
                <div id="storeDialogModalNotifyMessage"></div>
                <div id="storeDialogModalNotifyButton1">Done</div>
            </div>
            <div id="storeDialogModalConfirm">
                <div id="storeDialogModalConfirmMessage"></div>
                <div id="storeDialogModalConfirmButton1">Yes</div>
                <div id="storeDialogModalConfirmButton2">No</div>
            </div>
        </div>
        </div>
</div>

<footer>
</footer>

<div id="resize-check"></div>
<script src="js/lib/socket.io.js"></script>
<script src="js/lib/log.js"></script>
<script>
    var require = { waitSeconds: 60 };
    document.addEventListener('deviceready', function () {
    	window.cache.clear(
    		function() { alert("Cache cleared"); }, 
    		function() { alert("Cache clear error."); });
    });
</script>
<script src="js/lib/cookie.js"></script>
<!--<script>jQuery.noConflict();</script>-->
<script src="js/lib/virtualjoystick.js"></script>
<script src="js/lib/pxgamepad.js"></script>
<script src="js/lib/jquery.jcryption.3.0.1.js"></script>
<script data-main="js/home" src="js/lib/require-jquery.js"></script>
</body>
</html>
